<template>
  <div class="container-pt">
    <van-nav-bar left-arrow  @click-left="$router.back()" fixed title="我的文章"/>
    <article-list :disable-swiper="false">
     <van-button square type="warning" @click="active=true" text="修改" />
     <van-button square type="danger" text="删除" />
    </article-list>
    <van-popup v-model="active" style="height:100%" position="bottom">
      <van-nav-bar title="修改文章" >
        <template #right>
          <van-icon name="close" @click="active=false" size="18" />
        </template>
      </van-nav-bar>
      <article-form></article-form> 
    </van-popup>
  </div>
</template>

<script>
import articleList from '@/components/article-list.vue'
import articleForm from '@/components/article-form.vue'
export default {
  components: { articleList,articleForm },
  data() {
    return {
      active:false,
    };
  },
};
</script>

<style>

</style>